<template>
  <div>
    <z-InputMulti
      :mode="mode"
      :value="value"
      @updateMode="handleMode"
      @updateValue="handleValue"
    />
    当前值：{{ value }}
  </div>
</template>
<script>
import { defineComponent, ref } from 'vue'
export default defineComponent({
  setup() {
    const value = ref('')
    return {
      value,
      mode: 'text'
    }
  },
  methods: {
    handleValue(v) {
      this.value = v
    },
    handleMode(v) {
      this.mode = v
    }
  }
})
</script>
